<template>
  <div class="app-container">
    <template>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane
          v-for="(item, index) in tabList"
          :key="index"
          :label="item.title"
          :name="item.name"
        >
          <TaskTable :type="item.name"></TaskTable>
          <Pagination :total="100"></Pagination>
        </el-tab-pane>
      </el-tabs>
    </template>
  </div>
</template>

<script>
import { tabList,first } from "./constant/constant";
import TaskTable from "./taskTable";
export default {
  components: { TaskTable },
  data() {
    return {
      activeName: "first",
      tabList,
    };
  },
};
</script>

<style>
.top {
  width: 100%;
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}
</style>
